<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>杨锐的自我介绍</title>
    <style>
        *{
            margin: 0;
            border: 0;
        }
        body {background: "1";
            font-family: Arial, sans-serif;
            text-align: center;
        }
        h1 {
            color: #333;
        }
        p { 
            color: #666;
        }
        a {
            text-decoration: none;
        }
        ul {
            list-style: none;
            text-decoration: none;
        }
        ul li img {
            align-items: center;
            width: 50%;
            height: 50%;
        }
        .gradient-bg {
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, #00aaff, #ff007f, #adf2a4, #f6f678);
            animation: gradient 12s infinite;
        }
        
        @keyframes gradient {
            0% { background: linear-gradient(to right, #90d5f8, #f79eca); }
            50% { background: linear-gradient(to right, #fca9d3, #adf2a4); }
            100% { background: linear-gradient(to right, #adf2a4, #f6f678); }
        }
    </style>
</head>
<body>
    <div class="gradient-bg">
        <h1>美女老师你好，欢迎来到我的自我介绍页面！</h1>
        <p>我是计科215杨锐，除了不擅长学习什么都擅长</p>
        <p>在我的大学生活中，我喜欢足球篮球排球跑步等运动。</p>
        <ul>
            <li><img src="./IMG_20230909_190008.jpg"></li>
            <li><img src="./111.jpg"></li>
        </ul>
        <p>近期的规划就是好好学习，我落下了太多功课了，本来想和同学们一样把网页做花里胡哨一点的，水平限制了我的发挥</p>
        <p>感谢您花时间浏览我的自我介绍页面，这个学期我会好好学习您上的课程的</p>
        <a href="./1.jpg"><h1>和美女的合照！(click here)</h1></a><br>
    </div>
</body>
</html>
